<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="lib/swiper/swiper-bundle.css">
    <script src="js/jquery-3.6.0.js"></script>
    <script src="js/setRem.js"></script>
    <script src="js/public.js"></script>
</head>
<body>
    <div class="wrap">
        <div class="fix">
            <header>
                <input type="text" value="搜索旅行地/酒店/景点">
            </header>
        </div>  
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="images/banner.png" alt=""></div>
                <div class="swiper-slide"><img src="images/banner.png" alt=""></div>
                <div class="swiper-slide"><img src="images/banner.png" alt=""></div>
                <div class="swiper-slide"><img src="images/banner.png" alt=""></div>
                <div class="swiper-slide"><img src="images/banner.png" alt=""></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <section class="lvyou">
            <div class="jiudian">
                <div class="hotel" id="hotel">
                    <p>旅游</p>
                    <div id="bg"><img src="images/hot1.png" alt=""></div>
                </div>
                <ul>
                    <li id="bcg1">
                        <img src="images/飞机.png" alt="">
                        出境游
                    </li>
                    <li id="bcg2">
                        <img src="images/国内游.png" alt="">
                        国内游
                    </li>
                    <li id="bcg3">
                        <img src="images/周边游.png" alt="">
                        周边游

                    </li>
                    <li id="bcg4">
                        <img src="images/当地游.png" alt="">
                        当地游

                    </li>
                </ul>
            </div>
            <div class="jiudian">
                <div class="hotel" id="jipiao">
                    <p>机票</p>
                    <div id="bg1"><img src="images/飞机.png" alt=""></div>
                </div>
                <ul>
                    <li id="bcg5">低价机票</li>
                    <li id="bcg5">汽车票/船票</li>
                    <li id="bcg6">
                        <img src="images/火车票.png" alt="">
                        火车票
                    </li>
                    <li id="bcg7">专车/自驾</li>
                </ul>
            </div>
            <div class="jiudian">
                <div class="hotel" id="jiudian">
                    <p>酒店</p>
                    <div id="bg2"><img src="images/酒店.png" alt=""></div>
                </div>
                <ul>
                    <li id="bcg8">海外酒店</li>
                    <li id="bcg8">国内酒店</li>
                    <li id="bcg9">热门酒店</li>
                    <li id="bcg10">特色酒店</li>
                </ul>
            </div>
        </section>
        <section class="miandan"></section>
        <div id="biaoti">
            <img src="images/特惠卖.png" alt="">
        </div>
        <section id="details">
            <div class="tu">
                <img src="images/img15.jpg" alt="">
                <h6>
                    台湾环岛8日晚跟团旅游。甩尾狂甩3人行1人免单...
                </h6>
                <div>
                    <p>席位充足</p>
                    <p><span>￥1999</span>起</p>
                </div>
            </div>
            <div class="tu">
                <img src="images/img11.jpg" alt="">
                <h6>
                    巴厘岛7日5晚自由行。五星豪庭，三星价格3月特...
                </h6>
                <div>
                    <p>席位充足</p>
                    <p><span>￥2989</span>起</p>
                </div>
            </div>
            <div class="tu">
                <img src="images/img12.jpg" alt="">
                <h6>
                    韩国首尔5日4日晚跟团游。暑假预售商圈五花，好...
                </h6>
                <div>
                    <p>席位充足</p>
                    <p><span>￥1699</span>起</p>
                </div>
            </div>
            <div class="tu">
                <img src="images/img14.png" alt="">
                <h6>
                    马尔代夫6日自由行·6日4晚。全球顶级海岛蜜月...
                </h6>
                <div>
                    <p>席位充足</p>
                    <p><span>￥3099</span>起</p>
                </div>
            </div>
            <div class="tu">
                <img src="images/img13.jpg" alt="">
                <h6>
                    香港五日自由行·仅含往返机票。星光大道+天星小...
                </h6>
                <div>
                    <p>席位充足</p>
                    <p><span>￥1888</span>起</p>
                </div>
            </div>
            <div class="tu">
                <img src="images/img16.png" alt="">
                <h6>
                    新加坡5日4晚自由行。错峰周末游，特赠送特价...
                </h6>
                <div>
                    <p>席位充足</p>
                    <p><span>￥2689</span>起</p>
                </div>
            </div>
        </section>
        <div class="kong">
        </div>

        <footer id="footer">
            <ul>
                <li>
                    <p class="index"></p>
                    <span>首页</span>
                </li>
                <li>
                    <p class="order"></p>
                    <span>目的地</span>
                </li>
                <li>
                    <p class="hostory"></p>
                    <span>浏览历史</span>
                </li>
                <li>
                    <p class="myself"></p>
                    <span>个人</span>
                </li>
            </ul>
        </footer>
    </div>
    <script src="lib/swiper/swiper-bundle.js"></script>
    <script src="js/index.js"></script>
</body>
</html>